<template>
	<view>
		<view class="menu-list">
			<view class="list-cell list-cell-arrow" @click="realEstateAgreeVisible = true">
				<view class="menu-item-box">
					<view class="iconfont icon-password menu-icon"></view>
					<view style="display: inline">个人信息授权书</view>
				</view>
			</view>
			<view class="list-cell list-cell-arrow" @click="manSysBookVisible = true">
				<view class="menu-item-box">
					<view class="iconfont icon-password menu-icon"></view>
					<view style="display: inline">居间从业者行业自审书</view>
				</view>
			</view>
			<view class="list-cell list-cell-arrow" @click="industryBookVisible=true">
				<view class="menu-item-box">
					<view class="iconfont icon-password menu-icon"></view>
					<view style="display: inline">推广方管理制度</view>
				</view>
			</view>
			<view class="list-cell list-cell-arrow" @click="authAgreeVisible = true">
				<view class="menu-item-box">
					<view class="iconfont icon-refresh menu-icon"></view>
					<view style="display: inline">信息查询授权书</view>
				</view>
			</view>
			<view class="list-cell list-cell-arrow" @click="serveAgreeVisible=true">
				<view class="menu-item-box">
					<view class="iconfont icon-refresh menu-icon"></view>
					<view style="display: inline">服务协议</view>
				</view>
			</view>
		</view>
		<realEstateAgree v-if="realEstateAgreeVisible" @readed="realEstateAgreeVisible=false" />

		<manSysBook v-if="manSysBookVisible" @readed="manSysBookVisible=false" :info="{nickname: '您的姓名',username: '您的联系电话'}" />

		<industryBook v-if="industryBookVisible" @readed="industryBookVisible=false" />

		<authAgree v-if="authAgreeVisible" @readed="authAgreeVisible=false" :info="{name: '您的姓名',cardNo: '您的联系电话'}" />
		
		<serveAgree v-if="serveAgreeVisible" @readed="serveAgreeVisible=false" />
	</view>
</template>

<script>
	import realEstateAgree from '@/components/realEstateAgree.vue'
	import industryBook from '@/components/industryBook.vue'
	import serveAgree from '@/components/serveAgree.vue'
	import authAgree from '@/components/authAgree.vue'
	import manSysBook from '@/components/manSysBook.vue'

	export default {
		components: {
			realEstateAgree,
			industryBook,
			serveAgree,
			authAgree,
			manSysBook
		},
		data() {
			return {
				realEstateAgreeVisible: false,
				industryBookVisible: false,
				serveAgreeVisible: false,
				authAgreeVisible: false,
				manSysBookVisible: false
			}
		}
	}
</script>

<style lang="scss">
	page {
		background: linear-gradient(180deg, #c4d6ff, #f7f8fa);
		min-height: 100%;
	}
</style>